/* author xiegang 
   2015-12-30
     会员找回密码样式表
 */

/*公用内容处理开始*/
.public_common{
	width: 980px;
	margin: 20px auto;
}
/*公用内容处理结束*/

/*头部LOGO开始*/
.public_logo a{
	display: inline-block;
	*display: inline;
	*zoom:1;
}
/*头部LOGO结束*/

/*登录模块开始*/
.fpwd_module{
	margin: 0px auto;
	position: relative;
	text-align: center;
}
.fpwd_module .module_bg{
	background-color:#DADADA;
	background-repeat:no-repeat;
	background-position: center center;
	height: 500px;
}
.fpwd_module .module_content{
	position:absolute;
	left:0px ;
	top: 0px;
	height: 100%;
	width: 100%;
}
.module_content_main{
	margin: 50px auto;
}
.module_content_main .content_main_ad{
	float: left;
	width: 50%;
}
.module_content_main .content_main_ad img{
	display: block;
	margin: 0px auto;
	height: 400px;
	max-width: 100%;
}
.module_content_main .content_main_form{
	float: right;
	width: 30%;
	height: 340px;
	padding: 10px 20px;
	background-color: #fff;
	text-align: left;
}

/*表单元素开始*/
.fpwd_title{
	margin: 15px auto 40px;
	font-size: 16px;
	text-align: center;
	color: #FF7800;
}

/*找回密码流程开始*/
.fpwd_process{
}
.fpwd_process>ul>li{
	float: left;
	border-top:#BEC3C7 5px solid ;
	position: relative;
	line-height:55px;
}
.fpwd_process>ul>li{
	width: 24.9%;
}
.fpwd_process>ul>li span.title{
	text-align: center;
	display: block;
	overflow:hidden;
	text-overflow:ellipsis;/*省略号*/
	word-wrap:break-word;/*换行*/
	white-space: nowrap;/*不换行*/
}
.fpwd_process>ul>li span.num{
	display: block;
	position: absolute;
	top: -15px;
	left: 38%;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius:25px;
	background:#BEC3C7;
}
.fpwd_process>ul>li.hover{
	border-top:#FF7800 5px solid ;
}
.fpwd_process>ul>li.hover span.num{
	background:#FF7800;
}
.fpwd_process>ul>li.passed{
	border-top:#F7B77C 5px solid ;
}
.fpwd_process>ul>li.passed span.num{
	background:#F7B77C;
}
/*找回密码流程结束*/

/*找回密码步骤开始*/
.fpwd_step>ul{
	display: none;
}
.fpwd_step>ul#step_one{
	display: block;
}
.fpwd_step>ul#step_two #realname{
	background-color: #F7F7F7;
	cursor: no-drop;
}
.fpwd_step>ul#step_four{
	text-align: center;
}
.fpwd_step>ul>li{
	margin: 20px auto 0;
	position:relative;
	z-index: 99;
}
.fpwd_step>ul>li.form_text .text_common{
	padding: 10px 5px 10px 35px;
	width: 86%;
	font-size: 14px;
}
.fpwd_step>ul>li.form_text i.icon_common{
	width: 20px;
	height: 20px;
	position:absolute;
	left: 10px;
	top: 8px;
	z-index: 100;
}
.fpwd_step>ul>li.form_text i.icon_name{
	background-position:-63px -74px;
}
.fpwd_step>ul>li.form_text i.icon_pwd{
	background-position:-61px -98px;
}
.fpwd_step>ul>li.form_btn .form_submit{
	padding: 8px 0;
	width: 100%;
	text-align: center;
	font-size: 16px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px; ;
}
.fpwd_step>ul>li.form_yzm .text_yzm{
	float: left;
	padding: 10px;
	width: 23%;
}
.fpwd_step>ul>li.form_yzm .img_yzm{
	float: left;
	width:100px;
	height: 38px;
	display: block;
	margin: 0 10px;
	cursor: pointer;
}
.fpwd_step>ul>li.form_yzm .change_yzm{
	display: block;
	float: left;
	height: 38px;
	line-height: 60px;
	text-decoration: underline;
	cursor: pointer;
}
.fpwd_step>ul>li.form_yzm .get_yzm{
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
	margin-left: 10px;
	padding: 0 15px;
}
.fpwd_step>ul>li.form_yzm .yzm_default{
	border:#FF7800 1px solid;
	color: #FF7800;
}
.fpwd_step>ul>li.form_yzm .yzm_time{
	border:#F2F2F2 1px solid;
	color: #797979;
	background-color: #F2F2F2;
	cursor: no-drop;
}
.fpwd_step>ul>li a:hover{
	color: #FF7800;
}
/*找回密码步骤结束*/

/*表单元素结束*/

/*登录模块结束*/



/*******超过1440px的大屏下显示效果*******/
@media screen and (min-width:1440px) {
	/*公用内容处理开始*/
	.public_common{
		width: 1200px;
	}
	/*输入框开始*/
	.content_main_form ul li.form_text .text_common{
		width: 88%;
	}
	/*验证码输入框开始*/
	.content_main_form ul li.form_yzm .text_yzm{
		width: 30%;
	}
}